<template>
  <div class="count">
    <h2>我是Didi组件</h2>
    <p>count的值是{{ count }}</p>
  </div>
</template>
  
  <script>
export default {
  name: "Didi",
  props: ["count"],
  data() {
    return {
      price: 49999,
    };
  },

  // 数据劫持和数据代理之前,没有数据，methods等等
  beforeCreate() {
    console.log("Didi--######beforeCreate#########");
  },

  // 数据劫持和数据代理之后,数据和方法等等已经加载
  created() {
    console.log("Didi--######created#########");
  },
  // 挂载前，此时还没有生成dom
  beforeMount() {
    console.log("Didi--######beforeMount#########");
  },
  // 挂载完成，至此所有的渲染阶段全部完成
  mounted() {
    console.log("Didi--######mounted#########");
  },

  // 视图更新前，此时数据已更新，视图未更新，视图和数据不一致
  beforeUpdate() {
    console.log("Didi--######beforeUpdate#########");
  },
  // 视图更新完成，视图和数据已同步
  updated() {
    console.log("Didi--######updated#########");
  },
  // 销毁前，
  beforeDestroy() {
    console.log("Didi--######beforeDestroy#########");
  },
  //销毁
  destroyed() {
    console.log("Didi--######destroyed#########");
  },
};
</script>
  
  <style scoped>
.count {
  background-color: pink;
}
</style>